<template>
	<view>
				<uni-card :is-shadow="false">
					<uni-breadcrumb separator="       ">
					  <uni-breadcrumb-item v-for="(route,index) in routes" :key="index" :to="route.to">
					    {{route.name}}
					  </uni-breadcrumb-item>
					</uni-breadcrumb>
				</uni-card>
				<uni-card :is-shadow="false">
								<text class="hand">张小玲</text><text class="hands">♀</text><br>
								<text class="body">
									工号：20232023<br>
									
									学院：艺术学院<br>
									
									专业：艺术设计<br>
									
									联系电话：
								</text>
								<text class="bodys">1588888888</text><br>
								<text class="land">
									
									申请时间：2023-03-29 23:59:59<br>
									
									入队理由：一中校友，期望加入<hr>
					
			    </text>
			        <view class="button-container">	
			    					
			    						<button @click="toApply" class="button" type="primary"><text
			    								class="button-text">同意入队</text></button>
			    				
			    						<button @click="toApplydreason" class="buttons" type="primary"><text
			    								class="button-text">不同意入队</text></button>
			    				
			    	 </view>		
			    </uni-card>
				
				<uni-card :is-shadow="false">
								<text class="hand">王金金</text><text class="hands">♀</text><br>
								<text class="body">
									工号：20232023<br>
									
									学院：商学院<br>
									
									专业：营销管理<br>
									
									联系电话：
								</text>
								<text class="bodys">1588888888</text><br>
								<text class="land">
									
									申请时间：2023-03-29 23:59:59<br>
									
									入队理由：一中校友，期望加入<hr>
					
				</text>
				    <view class="button-container">	
									
										<button @click="toApply" class="button" type="primary"><text
												class="button-text">同意入队</text></button>
								
										<button @click="toApplydreason" class="buttons" type="primary"><text
												class="button-text">不同意入队</text></button>
								
					 </view>		
				</uni-card>
			    
	</view>
</template>

<script>
	
  export default {
    components: {},
	
    data() {
      return {
        routes: [
          {
            to: "/pages/more/check",
            name: "待审批",
          },
          {
            to: "/pages/more/agree",
            name: "同意入队",
          },
          {
            to: "/pages/more/disagree",
            name: "不同意入队",
          },
        ],
      };
    },
	methods:{
		
		toApplydreason(){
			uni.navigateTo({
				url:"/pages/more/dreason"
			})
		}
	}
  };
</script>

<style>
	.hand{
		width: 48px;
		height: 22px;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 16px;
		line-height: 2;
		color: #212121;
		text-align: center;
	}
	.hands{
		width: 14px;
		height: 14px;
		color: #FF9494;
		background: #FFFFFF;
		text-align: center;
		line-height: 2;
	}
	.body{
		
		 color: #575757;
		 font-size: 15px;
		 font-face: PingFangSC;
		 font-weight: 400;
		 line-height: 2;
		 letter-spacing: 0;
		 paragraph-spacing: 0;
		 text-align: left;
	}
	.bodys{
		color: #166aff;
		font-size: 15px;
		font-face: PingFangSC;
		font-weight: 400;
		line-height: 2;
		letter-spacing: 0;
		paragraph-spacing: 0;
		text-align: left;
	}
	.land{
		width: 233px;
		height: 39px;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 15px;
		color: #575757;
		line-height: 2;
	}
	.button-container {
	  display: flex;
	  justify-content: space-between; /* 可选：在按钮之间分配空间 */
	  margin-top: 10px;
	  
	}
	.button{
		width: 124px;
		height: 32px;
		background-image: linear-gradient(90deg, #6CA9FF 0%, #166AFF 100%);
		border-radius: 16px;
	    margin-right: 10px; /* 可选：按钮之间的间距 */
		font-size: 16px;
		text-align: center;
		line-height: 2;
	}
	.buttons{
		width: 124px;
		height: 32px;
		background-image: linear-gradient(90deg, #FFB349 0%, #FF5E16 100%);
		border-radius: 16px;
		margin-right: 35px; /* 可选：按钮之间的间距 */
		font-size: 16px;
		text-align: center;
		line-height: 2;
	}
	

	
</style>
